<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的评论 - 用户中心</title>
    <link rel="stylesheet" href="styles.css">
</head>
<style>

header {
    background-color: #333;
    color: white;
    padding: 10px 0;
    text-align: center;
}

main {
    padding: 20px;
}


.comment-item {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
}

</style>
<body>
    <header>
        <h2>我的评论</h2>
    </header>
    <main>
        <section id="comments">
            <article class="comment-item">
                <h3>评论标题</h3>
                <div style="float: left">这里是评论的具体内容...</div>
                <footer style="margin-left: 300px">评论日期: 2024-01-01 | <a href="/comment/1#reply">回复</a></footer>
            </article>
            <article class="comment-item">
                <h3>评论标题</h3>
                <div style="float: left">这里是评论的具体内容...</div>
                <footer style="margin-left: 300px">评论日期: 2024-01-01 | <a href="/comment/1#reply">回复</a></footer>
            </article>
            <article class="comment-item">
                <h3>评论标题</h3>
                <div style="float: left">这里是评论的具体内容...</div>
                <footer style="margin-left: 300px">评论日期: 2024-01-01 | <a href="/comment/1#reply">回复</a></footer>
            </article>
        </section>
    </main>

</body>
</html>